/**
 * @func 网络网页聊天
 */

(function(){
//页面加载后，才执行 开始
window.onload = function(){
/**
 *	@func 创建聊天
 */


/**
 * @func 基础功能
 */


	//选着器
	function $(id){
		var t = document.getElementById(id);
		if(t)
			return t;
		else
			return false;
	}

	/**
	 *	ajax的创建
	 *	@param string type 类型 传值时不分大小写 'html','json','xml'
	 *	@param boolean 类型的值,true表示异步传输方式,false表示同步传输方式,默认为true;
	 */
	function ajax(type,bool){
		var xhr = {};//创建一个对象
		
		/*默认返回 html type 返回的类型为 */
		if(typeof(type)=='undefined'){
			xhr.type='HTML';
		}else{
			xhr.type=type.toUpperCase();
		}

		/*默认传输的方式 true 是异步 false 是同步 */
		if(typeof(bool)=='undefined'){
			xhr.async=true;
		}else{
			xhr.async=bool;
		}

		//url值
		xhr.url = '';
		//post发送的数据
		xhr.sendString = '';
		
		/* 默认post get 返回的数据为null */
		xhr.returnval = null;
	
		//创建XMLHttpRequest;
		xhr.createXHR = function(){
			var request = false;
			//获取xhr对象
			try{request = new XMLHttpRequest();//非IE中
			}catch(e){
				//IE当中,各种测试
				var v = ['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Microsoft.XMLHTTP', 
 						 'Msxml2.XMLHTTP.7.0', 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0',
						 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];
				for(var i=0;i<v.length;i++){
					try{
						request = new ActiveXObject(v[i]);
						if(request){return request;}
					}catch(e){continue;}
				}
			}
			return request;
		}

		xhr.XHR = xhr.createXHR();
		//返回值控制
		xhr.controlXHR = function(){
			if(xhr.XHR.readyState==4 && xhr.XHR.status==200){
				if(xhr.type=='HTML'){
					xhr.returnval(xhr.XHR.responseText);
				}else if(xhr.type=='JSON'){
					xhr.returnval(eval('('+xhr.XHR.responseText+')'));
				}else if(xhr.type=='XML'){
					xhr.returnval(xhr.XHR.responseXML);
				}
			}
		}

		/**
		 *	get 方式获取值
		 *	@param string url 网站地址
		 *	@paran mixed result 结果数据
		 */
		xhr.get = function(url,result){
			if(result!=null){
				xhr.XHR.onreadystatechange = xhr.controlXHR;
				xhr.returnval = result;
			}
			//检查是否源生态支持XMLHttpRequest对象
			if(window.XMLHttpResquest){
				xhr.XHR.open('GET',url,xhr.async);
				xhr.XHR.send(null);
			}else{
				xhr.XHR.open('GET',url,xhr.async);
				xhr.XHR.send();
			}
		}

		/**
		 *	post 方式获取值
		 *	@param string url 网站地址
		 *	@param mixed sendString 发送的数据
		 *	@param mixed result 结果数据
		 */
		xhr.post = function(url,sendString,result){
			xhr.url = url;
			if(typeof(sendString)=='object'){
				var str='';
				for(var pro in sendString){
					str+=pro+'='+sendString[pro]+'&';
				}
				xhr.sendString = str.substr(0,str.length-1);
			}else{
				xhr.sendString = sendString;
			}
			//各种设置
			if(result!=null){
				xhr.XHR.onreadystatechange = xhr.controlXHR;
				xhr.returnval = result;
			}
			xhr.XHR.open('POST',url,xhr.async);
			xhr.XHR.setRequestHeader('request-type','ajax');//设置请求类型(是否是ajax请求)
			xhr.XHR.setRequestHeader('Content-type','application/x-www-form-urlencoded');//设置格式
			xhr.XHR.send(xhr.sendString);
		}
		return xhr;
	}

	var iChatWeb = {};//聊天对象

	//创建页面
	iChatWeb.Init = function(){
		//创建div并设置
		var dcWindow = document.createElement('div');
		dcWindow.id = 'bigWindow';//大窗口
		dcWindow.innerHTML = '';//内容提要
		dcWindow.style.width = '200';//设置宽度
		dcWindow.style.height = '200';//设置高度
		dcWindow.style.position = 'fixed';//对象设置的方式
		dcWindow.style.bottom = '20';//距离底部的距离
		dcWindow.style.right = '20';//距离右边的距离
		dcWindow.style.background = 'red';//背景设置
		//添加到页面中
		document.body.appendChild(dcWindow);
		
		//创建显示聊天记录
		var dcWindowShow = document.createElement('div');
		dcWindowShow.id = 'bigWindowShow';
		dcWindowShow.id = 'bigWindow';//大窗口
		dcWindowShow.innerHTML = '';//内容提要
		dcWindowShow.style.width = '200';//设置宽度
		dcWindowShow.style.height = '100';//设置高度
		dcWindowShow.style.position = 'static';//对象设置的方式
		//dcWindowShow.style.bottom = '20';//距离底部的距离
		//dcWindowShow.style.right = '20';//距离右边的距离
		dcWindowShow.style.background = 'blue';//背景设置
		
		//添加显示聊天记录
		$('bigWindow').appendChild(dcWindowShow);

		//创建聊天框中
		var dcWindowChat = document.createElement('div');

		dcWindowChat.id = 'bigWindowChat';//大窗口
		dcWindowChat.innerHTML = '';//内容提要
		dcWindowChat.style.width = '200';//设置宽度
		dcWindowChat.style.height = '100';//设置高度
		dcWindowChat.style.position = 'fixed';//对象设置的方式
		dcWindowChat.style.bottom = '20';//距离底部的距离
		dcWindowChat.style.right = '20';//距离右边的距离
		dcWindowChat.style.border = 'none';//
		dcWindowChat.style.background = 'yellow';//背景设置
		dcWindowChat.contentEditable = true;//可以编辑
		
		//创建聊天框中
		$('bigWindow').appendChild(dcWindowChat);
		//console.log(dcWindow);
	}//初始化结束

	iChatWeb.Init();//初始化



//监听事件(ctrl+center同时按下)
var SubmitOrHidden = function(evt){
    evt = window.event || evt;
	console.log(evt.keyCode);
    if( evt.keyCode==13 && (evt.ctrlKey) ){
		//传输内容
		ajax('json', false).post('webchat.php',
				{ content:$('bigWindowChat').innerText },
				function(data){//执行
					console.log(data.content);
				});
		$('bigWindowChat').innerText = '';//重置发送的内容
	}
}
window.document.onkeyup = SubmitOrHidden;//当有键按下时执行函数
	



/**
 *	定时把网站信息传输给系统
 */
//传输网站的信息
setTimeout(function(){

//alert(navigator.appName);

},5000);













//页面加载后，才执行 结束
}})();
